import { createRouter, createWebHashHistory } from 'vue-router'

export const routes = [
  {
    path: '/',
    name: "Start",
    hidden: true,
    component: () => import("../start.vue"),
  },
  {
    path: '/buttonDemo',
    component: () => import("../components/ButtonDemo.vue"),
    name: "ButtonDemo",
  },
  // {
  //   path: '/iconDemo',
  //   component: () => import("../components/IconDemo.vue"),
  //   name: "IconDemo",
  // },
  // {
  //   path: '/linkDemo',
  //   component: () => import("../components/LinkDemo.vue"),
  //   name: "LinkDemo",
  // },
  // {
  //   path: '/rowDemo',
  //   component: () => import("../components/RowDemo.vue"),
  //   name: "RowDemo",
  // },
  // {
  //   path: '/headerDemo',
  //   component: () => import("../components/HeaderDemo.vue"),
  //   name: "HeaderDemo",
  // },
  // {
  //   path: '/gridDemo',
  //   component: () => import("../components/GridDemo.vue"),
  //   name: "GridDemo",
  // },
  // {
  //   path: '/toolbarDemo',
  //   component: () => import("../components/ToolbarDemo.vue"),
  //   name: "ToolbarDemo",
  // },
  // {
  //   path: '/tabsDemo',
  //   component: () => import("../components/TabsDemo/TabsDemo.vue"),
  //   name: "TabsDemo",
  // },
  // {
  //   path: '/scrollbarDemo',
  //   component: () => import("../components/ScrollbarDemo.vue"),
  //   name: "ScrollbarDemo",
  // },
  // {
  //   path: '/cellsDemo',
  //   component: () => import("../components/CellsDemo.vue"),
  //   name: "CellsDemo",
  // },
  // {
  //   path: '/inputDemo',
  //   component: () => import("../components/InputDemo/InputDemo.vue"),
  //   name: "InputDemo",
  // },
]

export default createRouter({
  history: createWebHashHistory(),
  routes
})